<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	
	
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}"  />
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" />
	<link rel='stylesheet' th:href="@{/3thExt/select2/4.0.6//css/select2.min.css}" />
	<link rel='stylesheet' th:href="@{/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" />
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" />
	<link rel='stylesheet' th:href="@{/css/style.css}" />
	
	
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 
<!-- 页面指向 -->
<div th:replace="common/title">
</div>
<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>用户名</label>
				<input autocomplete="new-password" type="text" />
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>姓名</label>
				<input autocomplete="new-password" type="text" />
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>工号</label>
				<input autocomplete="new-password" type="text" />
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<img src="image/search.png"/>
				<img src="image/rest.png"/>
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">设备列表</h2>
			<ul class="table-tool">
			    <li data-toggle="modal" data-target="#myModal">
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>新增</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>修改</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>删除</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>禁用</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>启用</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>导出</label>
			    </li>
			    <li>
			        <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
			        <label>刷新</label>
			    </li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container">
		<table id="userTable">

		</table>
	</div>
</div>

<!--模态框-表单验证和文件上传-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Newly added</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
		            <form id="defaultForm" method="" class="form-horizontal" action="">
		                <div class="form-group">
		                    <label class="col-lg-3 control-label">工号</label>
		                    <div class="col-lg-7">
		                    	<input autocomplete="new-password" type="text" class="form-control" name="email" />
		                    </div>
		                </div>
		
		                <div class="form-group">
		                    <label class="col-lg-3 control-label">用户名</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="email" />
		                    </div>
		                </div>
		
		                <div class="form-group">
		                    <label style="padding-top: 4px;" class="col-lg-3 control-label">启用</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="checkbox" name="" id="" value="" />
		                    </div>
		                </div>

		                <div class="form-group">
		                    <label class="col-lg-3 control-label">联系电话</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="password" class="form-control" name="password" />
		                    </div>
		                </div>

		                <div class="form-group">
		                    <label class="col-lg-3 control-label">微信号</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="password" class="form-control" name="password" />
		                    </div>
		                </div>

		                <div class="form-group">
		                    <label class="col-lg-3 control-label">姓名</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
		                    </div>
		                </div>

						<div class="form-group">
		                    <label class="col-lg-3 control-label">角色</label>
		                    <div class="col-lg-7">
		                        <select name="" class="form-control">
		                        	<option value="">1</option>
		                        </select>
		                    </div>
		                </div>

						<div class="form-group">
		                    <label class="col-lg-3 control-label">密码</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
		                    </div>
		                </div>

		                <div class="form-group">
		                    <label class="col-lg-3 control-label">手机</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
		                    </div>
		                </div>
		                
		                <div class="form-group">
		                    <label class="col-lg-3 control-label">邮箱地址</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
		                    </div>
		                </div>

		                <div class="form-group">
		                    <label class="col-lg-3 control-label">联系地址</label>
		                    <div class="col-lg-7">
		                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
		                    </div>
		                </div>
		            </form>
		        </div>
		    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

<!-- <script th:src="@{/3thExt/jquery/jquery-1.10.1.min.js}"></script> -->
<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" ></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<!-- <script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}"></script> -->
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.js}" ></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}"></script>
<script th:src="@{/js/page-interaction.js}"></script>
<script th:src="@{/js/system/resource.js}"></script>
<script th:src="@{/js/system/resource.js}"></script>

</body>
</html>